<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body style="background-color: orange;">
    <table style="margin: auto; width: 50%;background-color:aliceblue;">
        <tr>
            <td style="background-color: orange;">
                <center>请完成一下表格</center>
            </td>
        </tr>
        <tr>
            <td>姓名&nbsp;<input type="text"></td>
        </tr>
        <tr>
            <td>密码&nbsp;<input type="password"></td>
        </tr>
        <tr>
            <td><a> 请在此处填写姓名，</a><br><a style="color: red;">字符最长为四个字符，或八个英文字符</a></td>
        </tr>
        <tr>
            <td>性别&nbsp;
                <input type="radio" name="gender" value="男">男
                <input type="radio" name="gender" value="女">女
            </td>
        </tr>
        <tr>
            <td>
                电子邮箱地址&nbsp;<input type="email">
            </td>
        </tr>
        <tr>
            <td>职业&nbsp;<select>
                    <option name="职业" value="传播/媒体">传播/媒体</option>
                </select></td>
        </tr>
        <tr>
            <td>个人爱好&nbsp;
                <input type="checkbox" name="个人爱好" value="电脑网络">电脑网络
                <input type="checkbox" name="个人爱好" value="影视娱乐">影视娱乐
                <input type="checkbox" name="个人爱好" value="棋牌游戏">棋牌游戏
                <br>
                <div style="margin: auto 73px auto ;">
                    <input type="checkbox" name="个人爱好" value="读书读报">读书读报
                    <input type="checkbox" name="个人爱好" value="美酒佳肴">美酒佳肴
                    <input type="checkbox" name="个人爱好" value="绘画书法">绘画书法
                </div>
            </td>
        </tr>
        <tr>
            <td>留言内容&nbsp;<textarea style="width: 300px ;height: 100px;"></textarea></td>
        </tr>
        <tr>
            <td><a style="color: orange;">填写完成后，选择下面的提交按钮提交表单。</a></td>
        </tr>
        <tr>
            <td>
                <center>
                    <button>提交</button>
                    <button>重置</button>
                </center>
            </td>
        </tr>
    </table>
</body>

</html>